$(function(){
		//设定一个大总管
		var c = 0;
		//图片切换函数
		function run(){
			c++;
			c = (c == $('.mid ul li').length) ? 0 : c;
			$('.mid .loopPic img').eq(c).fadeIn(500).siblings('img').fadeOut(500);
			$('.mid ul li').eq(c).css({'background':'#A10000'}).siblings('li').css({'background':'#fff'});
		}
		//开启定时器
		timer = setInterval(run,3000);
		//鼠标移入关闭定时器
		$('.mid ul li').mouseenter(function(){
			clearInterval(timer);
			var _this = $(this);
			bb = setTimeout(function(){
				c = _this.index();
				$('.mid .loopPic img').eq(c).stop().fadeIn(500).siblings('img').stop().fadeOut(500);
				$('.mid ul li').eq(c).css({'background':'#A10000'}).siblings('li').css({'background':'#fff'});
			},300)
		})
		//鼠标移出删除定时炸弹，再次开启定时器
		$('.mid ul li').mouseleave(function(){
			clearTimeout(bb);
			
			timer = setInterval(run,3000)
		})
		
		
		//鼠标点击切换下一张
		$('.mid .loopPic .next').click(function(){
			clearInterval(timer);					
			c++;
			if(c==8){
				c=0;
			}
			$('.mid .loopPic img').eq(c).stop().fadeIn(100).siblings('img').stop().fadeOut(100);
			$('.mid ul li').eq(c).css({'background':'#A10000'}).siblings('li').css({'background':'#fff'});
			
			timer = setInterval(run,3000)
			
		})
		
		//鼠标点击切换上一张
		$('.mid .loopPic .prev').click(function(){
			clearInterval(timer);					
			c--;
			if(c==-1){
				c=7;
			}
			$('.mid .loopPic img').eq(c).stop().fadeIn(100).siblings('img').stop().fadeOut(100);
			$('.mid ul li').eq(c).css({'background':'#A10000'}).siblings('li').css({'background':'#fff'});
			
			timer = setInterval(run,3000)
			
		})
//轮播图结束
	

})
